.slider_bar {
  position: fixed;
  width: 85vw;
  height: 100vh;

  top: 0;z-index: 1000;
  background-color: #fff;
}

.slider_bar_right_out {
  right: 0;
    transform: translateX(100%);
}
.slider_bar_right_in {
  // forwards 动画执行完毕 画面会停留在最后 100% 效果上 
  animation: slider_right_ani 1s .2s forwards ;
}

@keyframes slider_right_ani {
  0% {
    right: 0;
    transform: translateX(100%);
  }
  100% {
    right: 0;
    transform: translateX(0);
  }
}
